/*
Theme Name: WProducts
Theme URI: http://www.wpyou.com/
Description: A Wordpress Enterprise Theme designed by <a href="http://www.wpyou.com/">WPYOU</a>.
Version: 1.0
Author: WPYOU
Author URI: http://www.wpyou.com/
Tags: Yellow, Black, fixed width, enterprise, digital, two columns
*/
/* global css */
body{ margin:0 auto; background:#FFF url(images/bg.jpg) repeat-x 0 0; color:#000; font-size:12px; font-family:Arial,Verdana,Sans-Serif,'宋体';}
div,form,ul,ol,li,span,p{margin:0 auto; padding:0; border:0;}
img,a img{margin:0; padding:0; border:none;max-width:100%;}
.post-content img{display:block;margin:10px auto;max-width:100%;height:auto;}
ul,ol,li{list-style:none;}
table,td,th,input{ margin:0; padding:0; font-size:12px;}
h1,h2,h3,h4,h5,h6{ margin:0 auto;}
h1 {font-size:28px;}
h2 {font-size:22px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:14px;}
h6 {font-size:14px;}

.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}

/* default link style */
a:link, a:visited{outline-style:none; color:#222;text-decoration:none}
a:hover{color:#950000; text-decoration:underline;}

/* Header */
.header{ margin:0 auto; background:url(images/sprite.png) repeat-x 0 110px;}
.top{ margin:0 auto; width:960px; height:110px; background:url(images/top.jpg) no-repeat right 0;}

/* Logo */
.logo{ float:left; margin:10px 0px;  font-size:32px; text-indent:-9999px; width:500px; height:90px; background:url(images/logo.gif) no-repeat 0 0;}
.logo a:link, .logo a:visited, .logo a:hover{ width:500px; height:90px; display:block;}

/* Search */
#searchform{ float:left; width:250px; height:24px;}
.searchInput{ margin-left:20px; padding:1px 5px; width:155px; height:20px; line-height:20px; border:none; color:#222; background:none;}
.searchBtn{ width:60px; height:24px; line-height:24px; border:none; text-align:center; text-indent:-9999px; cursor:pointer; background:none;}

/* Main Menu */
.mainmenu{ margin:0 auto; width:960px; height:55px;}
.navi{ float:left; width:960px; position:relative; z-index:300;}
.navi li{ float:left; padding:0px 5px; height:40px; line-height:40px; font-size:15px; font-family:"Microsoft Yahei"; text-align:center; color:#FFF; background:url(images/sprite.png) no-repeat 0px -68px; text-transform:capitalize;}
.navi li.nl{ background:none;}
.navi li a:link, .navi li a:visited{ padding:0px 10px 0px 12px; color:#FFF; text-decoration:none; display:block;}
.navi li a:hover{ color:#A30202; background:url(images/sprite.png) repeat-x 0px -108px;}
.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited{ color:#A30202; background:url(images/sprite.png) repeat-x 0px -108px;}
.navi li.current-menu-item a:hover{ text-decoration:underline;}

/* SubCats Link */
.navi li ul li a:link, .navi li ul li a:visited{ background:none;}
.navi li ul li a:hover{ background:none;}

.navi li:hover a:link, .navi li:hover a:visited, .navi li:hover a:hover{ color:#A30202; background:url(images/sprite.png) repeat-x 0px -108px;}
.navi li:hover ul li a:link, .navi li:hover ul li a:visited{ color:#333; text-decoration:none; background:none;}
.navi li:hover ul li a:hover{ color:#FFF; background-color:#950000; text-decoration:none;}
.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited{ color:#333; text-decoration:none; background:none;}
.navi li.current-menu-item ul li a:hover{ color:#FFF; background-color:#950000; text-decoration:none;}

.navi li{ position:relative;}
.navi li ul{ position:absolute; width:176px; top:40px; left:5px; background-color:#D6D6D6; border-left:1px solid #CCC; border-right:1px solid #CCC; z-index:300; display:none;}
.navi li ul li{ margin:0px auto; padding:0px 0px; width:176px; height:33px; line-height:32px; font-size:14px; text-align:left; text-indent:5px; border-bottom:1px solid #E0E0E0; background:none;}
.navi li ul li a:link, .navi li ul li a:visited{ padding-left:6px; border-bottom:1px solid #CCC; color:#333; text-decoration:none;}
.navi li ul li a:hover{ color:#FFF; background-color:#950000; border-bottom:1px solid #CCC; text-decoration:none;}

/* Wrapper */
.wrapper{ margin:0 auto; padding:0 0; width:960px; }

/* Slideshow */
.slideshow{float:left; margin-bottom:10px; width:695px; height:280px; overflow:hidden; position:relative;}
#showimg{ z-index:10;}
#showimg img{ width:695px; height:280px; display:block;}
.opacity{ width:695px; height:32px; background-color:#FFFFDD; position:absolute; z-index:99; bottom:0px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; overflow:hidden;}
.operate{ position:absolute; z-index:1000; right:4px; bottom:4px; background:url(images/sprite.png) repeat-x 0px -416px;}
.operate span{ float:left; width:16px; height:16px; line-height:16px; margin-left:2px; font-weight:bold; cursor:pointer; color:#000; text-align:center;}
.operate span.hov{ color:#950000;}
#msg{ float:left; width:695px; height:32px; line-height:32px; position:absolute; z-index:100; bottom:0px; overflow:hidden; }
#msg li{ padding-left:15px; height:30px; line-height:32px; font-size:14px; font-weight:bold; color:#004C94; display:block;}
#msg li a:link, #msg li a:visited{ color:#222; text-decoration:none;}
#msg li a:hover{ color:#FF0000; text-decoration:underline;}

/* Homepage Featured */
.featured{ float:left; width:695px; overflow:hidden;}
.section{ float:left; width:340px; overflow:hidden;}
.section h2{ margin-bottom:12px; padding-left:18px; height:26px; line-height:26px; font-size:13px; border-bottom:1px solid #C5C5C5; background:url(images/sprite.png) no-repeat 2px -181px; overflow:hidden;}
.section h2 a:link, .section h2 a:visited{ color:#950000; text-decoration:none;}
.section h2 a:hover{ color:#222; text-decoration:underline;}
.section h2 em{ float:right; font-weight:normal; font-style:normal; text-align:right;}
.section h2 em a:link, .section h2 em a:visited{ color:#999; text-decoration:none;}
.section h2 em a:hover{ color:#950000; text-decoration:underline;}

.news{ float:right;}
.news ul{ height:255px; overflow:hidden;}
.news ul li{ margin:2px 0px; padding-left:16px; height:22px; line-height:20px; border-bottom:1px dotted #D9D9D9; background:url(images/sprite.png) no-repeat 5px -250px; overflow:hidden;}
.news ul li a{ float:left; width:250px; overflow:hidden;}
.news ul li span{ float:right; width:68px; color:#666;}

.products{ margin-bottom:10px; width:695px;}
.scroll{ width:695px; height:215px; overflow:hidden; position:relative;}
.products ul{float:left; margin:5px 5px 0px; width:1500px; position:absolute; top:0px; left:0;}
.products ul li{ float:left; margin-bottom:10px; padding:0px 4px; width:220px; height:215px; overflow:hidden;}
.products ul li img{ padding:2px 2px; width:215px; height:165px; border:1px solid #E4E4E4;}
.products ul li h4{ width:220px; height:34px; line-height:17px; font-size:13px; font-weight:normal; text-align:center;}

.introduction{ margin-bottom:10px;}
.introduction .introduce{ height:255px; line-height:23px; overflow:hidden;}

.contactus{ margin-left:5px; padding:3px 2px 2px 3px; width:550px; height:155px; background:url(images/section.jpg) no-repeat 0 0;}
.contactus a{ float:left; width:183px; height:155px; text-indent:-9999px; display:block;}

/* Container */
.container{ margin:0 auto; width:960px; overflow:hidden;}

/* Sidebar */
.sidebar{ float:left; width:250px; overflow:hidden;}
.sidebar h3{ padding:3px 10px 3px 20px; font-size:13px; color:#B60202; border-bottom:1px solid #DDD; background:url(images/sprite.png) no-repeat 0px -310px;}
.sidebar ul{ padding:0px 0px;}
.sidebar ul li{ margin-bottom:10px; padding:0px 4px; line-height:22px; border:1px solid #D5D5D5; border-top:3px solid #B60202; background-color:#F3F3F3;}
.sidebar ul li ul{ padding:8px 5px 5px 0px; width:235px; background-color:#FFF; overflow:hidden;}
.sidebar ul li ul li{ margin:6px 0px 6px 0px; padding-left:15px; line-height:16px; border:none; background:url(images/sprite.png) no-repeat 5px -227px; white-space:nowrap; overflow:hidden;}
.sidebar ul li ul li ul{ border:none;}
.sidebar ul li div{ padding:10px 5px 8px 10px;}
/* Search */
.sidebar ul li.widget_search{ height:65px; border:none; background:url(images/sprite.png) repeat 0px -349px;}
.sidebar ul li.widget_search h3{ padding:3px 10px 3px 5px; font-weight:normal; color:#FFF; border:none; background:none;}
.sidebar ul li.widget_search #searchform{ float:left; width:240px; height:24px; position:relative;}
.sidebar ul li.widget_search .searchInput{ margin-left:5px; padding:1px 5px; width:165px; height:20px; line-height:20px; border:1px solid #950000; color:#777; background-color:#FFF;}
.sidebar ul li.widget_search .searchBtn{ width:50px; height:24px; line-height:24px; border:1px solid #780000; text-align:center; text-indent:0px; cursor:pointer; background:#F1F1F1 url(images/sprite.png) no-repeat 5px -115px; position:relative; top:1px;}

/* SubList */
.sidebar ul li.sublist ul{ padding:0px 5px 0px 0px;}
.sidebar ul li.sublist ul li{ margin:0px; padding:0px; width:240px; border-bottom:1px solid #E8E8E8; background:url(images/sprite.png) no-repeat 5px -201px;}
.sidebar ul li.sublist ul a:link, .sidebar ul li.sublist ul a:visited{ padding:4px 0px 4px 22px; height:20px; line-height:20px; border-top:1px solid #FFF; display:block;}
.sidebar ul li.sublist ul a:hover{ color:#950000;}
.sidebar ul li.sublist ul li.current-cat a:link, .sidebar ul li.sublist ul li.current-cat a:visited, .sidebar ul li.sublist ul li.current_page_item a:link, .sidebar ul li.sublist ul li.current_page_item a:visited{ color:#950000; text-decoration:underline;}
.sidebar ul li.sublist ul li.current-cat a:hover,.sidebar ul li.sublist ul li.current_page_item a:hover{ color:#222;}

.sidebar ul li.sublist ul li ul{ border:none;}
.sidebar ul li.sublist ul li ul li{ padding-left:10px; width:230px; border-top:1px solid #E8E8E8; background-position:15px -201px;}

/* Calendar */
#wp-calendar{ margin:5px auto; width:94%;}
#wp-calendar caption{ padding:5px 0px; font-size:14px;}
#wp-calendar th, #wp-calendar td{ padding:2px 1px; line-height:18px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E6E6E6; background-color:#F9F9F9;}
#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#FF0242;}
#wp-calendar tbody tr td a:hover{ color:#222;}
#wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#EEE;}
#wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;}
.pad{ border:none !important; background:none !important;}

/* Content */
.content{ float:right; padding-top:5px; width:695px; border-top:3px solid #666; overflow:hidden;}

/* Archive */
.breadcrumb{ padding:5px 5px 8px; color:#666;}
.breadcrumb a{ color:#666;}

.post_list{ float:left; margin:10px 0px; padding:0px 10px;}
.post_list li{ float:left; width:660px; _width:650px; padding:0px 0px 0px 12px; height:28px; line-height:28px; border-bottom:1px dashed #E0E0E0; background:url(images/sprite.png) no-repeat 0 -246px;}
.post_list li h3{ float:left; width:570px; height:14px; font-size:12px; font-weight:normal;}
.post_list li span{ float:right; width:80px; text-align:right; color:#666;}

.post_list h2{ font-size:14px;}
.post{ margin:4px 0 10px; line-height:22px; color:#333;}
.post p{ margin:10px 0px; padding:0px 5px; line-height:22px;}
.post-list-entry{ padding:5px 12px 10px; border-bottom:1px dotted #EEE;}

.post-content{ padding:10px 10px; overflow:hidden;}

/* Pagenavi */
.wpagenavi{ margin:5px auto; width:94%; height:34px; line-height:34px; text-align:center;}
.wpagenavi a:link, .wpagenavi a:visited{ margin:0 2px; padding:3px 7px; text-decoration:none; border:1px solid #CCC; color:#333;}
.wpagenavi a:hover, .wpagenavi a:active{border:1px solid #950000; color:#950000; background:#DDD url(images/sprite.png) no-repeat 0 -118px;}
.wpagenavi a.extend{ padding:3px 6px; color:#333;}
.wpagenavi a.extend:hover{ color:#222 !important;}
.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ border:1px solid #950000; color:#950000; background:#DDD url(images/sprite.png) no-repeat 0 -118px;}

.postnavi{ margin:0px auto 30px; padding:15px 0px 5px; text-align:center;}
.previous_post, .next_post{ width:300px; height:24px; overflow:hidden;}
.previous_post{ float:left; text-align:left;}
.next_post{float:right; text-align:right;}
.postnavi a:link, .postnavi a:visited{ color:#036; text-decoration:none;}
.postnavi a:hover{ color:#B00; text-decoration:underline;}

/* Post Article */
.single{ float:left;}
.title_mid{ padding:20px 10px 10px; font-size:22px; text-align:center;}
.sub_info_mid{margin:0 15px; border-bottom:1px solid #DDDDDD; color:#666666; text-align:center;}

.post_function{ padding:0px 0px;}
.navigation_single{ padding:10px 0px; line-height:22px;}

/* Showcase */
.showcase{ float:left; margin-top:15px;}
.showcase li{ float:left; width:220px; height:195px; margin-bottom:15px; padding:0 4px 10px 4px; border-bottom:1px solid #DDD; overflow:hidden;}
.showcase li img{ float:left; padding:2px 2px; width:215px; height:165px; border:1px solid #E4E4E4;}
.showcase li h3{ float:left; margin:5px 0px; width:226px; height:18px; line-height:18px; font-size:13px; font-weight:normal; text-align:center; display:block; overflow:hidden;}

/* Relative Products */
.the_related h3{ margin:15px 0px 10px; padding:5px 0px 3px 12px; font-size:13px; color:#950000; border-width:1px; border-style:solid; border-color:#D5D5D5 #C0C0C0 #C0C0C0 #D5D5D5; background:#EEE url(images/sprite.png) repeat-x 0 -112px; border-radius:3px 3px; -moz-border-radius:3px 3px; -webkit-border-radius:3px;}
.the_related ul{ float:left; margin:10px 0px 0px; padding:5px 0px;}
.the_related ul li{ float:left; margin-bottom:10px; padding:0px 3px 0px 7px; width:163px; height:200px; text-align:center; list-style:none; overflow:hidden;}
.the_related ul li img{ margin-bottom:0px; padding:2px 2px; width:160px; height:145px; border:1px solid #DDD;}
.the_related ul li h4{ margin-bottom:5px; width:160px; height:45px; line-height:15px; font-size:12px; font-weight:normal; text-transform:capitalize; overflow:hidden;}
.the_related ul li span{ color:#666;}

.the_relatednews ul{ padding:0px 10px;}
.the_relatednews ul li{ margin-bottom:4px; *margin-bottom:3px; padding:0px 0px 6px 15px; *padding:0px 0px 4px 15px; width:670px; height:20px; line-height:20px; text-align:left; border-bottom:1px dotted #D9D9D9; background:url(images/sprite.png) no-repeat 3px -250px;}
.the_relatednews ul li a{ float:left; width:560px; height:20px; overflow:hidden;}
.the_relatednews ul li span{ float:right; width:68px;}

/* Comments*/
.post_comment{ float:left; width:100%; margin:15px 0px 5px; overflow:hidden; }
#addcomment, #comments{ margin:15px 0px 10px; padding:5px 0px 3px 12px; font-size:13px; color:#950000; border-width:1px; border-style:solid; border-color:#D5D5D5 #C0C0C0 #C0C0C0 #D5D5D5; background:#EEE url(images/sprite.png) repeat-x 0 -112px; border-radius:3px 3px; -moz-border-radius:3px 3px; -webkit-border-radius:3px;}
.post_comment p{ padding:5px 10px; font-size:12px;}
.post_comment ol li{ margin:10px 5px; padding:10px 10px 5px 10px; list-style:none; }
.commentlist{ width:98%; padding:5px 0px; font-size:12px; clear:both;}
.commentlist li{ margin-bottom:10px; padding-top:5px; background-color:#FFF; border:1px solid #E3E3E3;}
.commentlist li.alt{ background-color:#F6F6F6; border:1px solid #DDD;}
.commentlist li.comment-author-admin{ background:#F6F6F6;}
.commentlist li ul{ margin:10px 10px;}
.commentlist li ul.children{ margin:10px 10px;}
.commentlist li p{ padding:5px 10px;}

.comment-author{ width:100%; height:30px; padding-bottom:5px; border-bottom:1px solid #ECECEC;}
.avatar{ float:left; padding:1px 1px; width:32px; height:32px; border:1px solid #E0E0E0;}
.author_info{ float:left; padding-left:8px; line-height:16px; color:#888;}
.author_info cite{ font-style:normal; font-weight:bold;}
.author_info em{ font-size:10px;}

.reply{ float:right; margin:-3px 8px 0px 0px;}
#cancel-comment-reply{ float:right; margin-right:10px;}
.reply a, #cancel-comment-reply a{ color:#999;}
.reply a:hover, #cancel-comment-reply a:hover{ color:#666;}

#respond{ padding-bottom:35px;}
#respond em{ color:#FF0242;}
#author, #email, #url, #comment{ padding:5px 5px; width:45%; border:1px solid #CCC;}
#comment, #gbcomment{ width:98%; height:150px; font-size:12px; overflow-y:scroll;}
#submit{ float:right; margin:0 3px; padding:6px 20px 4px; font-size:14px; font-weight:bold; border-width:1px; border-style:solid; border-color:#950000; color:#FFF; background:#950000 url(images/sprite.png) repeat-x 0 0; border-radius:3px 3px; -moz-border-radius:3px 3px; -webkit-border-radius:3px; cursor:pointer;}
.post_comment .navigation{ width:97%;}
.comment_navi{ text-align:right; padding:5px 15px;}

/* Footer */
.footer{ float:left; margin:15px auto; width:100%; color:#454545; background:url(images/sprite.png) repeat-x 0px -438px;}
.foot{width:960px;}
.foot p{ line-height:24px; text-align:center;}
.footer a:link, .footer a:visited{ color:#454545; text-decoration:none;}
.footer a:hover{ color:#950000; text-decoration:underline;}

/* FriendLink */
.friendlink{ margin:10px auto 0px; width:958px; border:1px solid #D5D5D5; overflow:hidden;}
.friendlink h3{ height:30px; line-height:30px; font-size:13px; text-indent:12px; color:#333; border-bottom:1px solid #CCC; background-color:#F5F5F5;}
.friendlink ul{ float:left; padding:8px 10px; width:938px;}
.friendlink ul li{ float:left; margin:3px 5px; line-height:18px; white-space:nowrap;}
.friendlink ul h4{ display:none;}

/* Footer Page */
.footpage{ width:960px; margin:20px 0px 15px; text-align:center;}
.footpage li{ width:1px; padding:0px 8px 0px 11px; border-left:1px solid #D3D3D3; display:inline; word-break:keep; white-space:nowrap;}
.footpage li.nb{ border-left:none;}